<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2650698_5xqmblfcp1m.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/common.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
</head>

<body>
    <div id="yoho-header">
        <div class="tool-wrap">
            <div class="center-content">
                <div class="tool-left">
                    <span class="iconfont icon-hamburgermenu"></span>
                    <a href="#">YOHO!BUY 有货</a>
                    <ul class="yoho-tool-list">
                        <li>
                            <a href="#" class="yoho-group" rel="nofollow" data-en="YOHO!" data-cn="集团官网">YOHO!</a>
                        </li>
                        <li>
                            <a href="#" class="yoho-group" rel="nofollow" data-en="YOHO!BOYS"
                                data-cn="男生潮流">YOHO!BOYS</a>
                        </li>
                        <li>
                            <a href="#" class="yoho-group" rel="nofollow" data-en="YOHO!GIRLS"
                                data-cn="女生潮流">YOHO!GIRLS</a>
                        </li>
                        <li>
                            <a href="#" class="yoho-group" rel="nofollow" data-en="Mars" data-cn="新鲜好去处">Mars</a>
                        </li>
                        <li>
                            <a href="#" class="yoho-group" rel="nofollow" data-en="YO'HOOD" data-cn="潮流嘉年华">YO'HOOD</a>
                        </li>
                    </ul>
                </div>
                <div class="tool-swindle">
                    <span class="iconfont icon-note"></span>
                    <a href="#">关于防诈骗的重要提醒</a>
                </div>
                <div class="tool-right">
                    <span>Hi~</span>
                    <ul>
                        <li id="loginBox">
                            [
                            <a href="./login.html" id="login">请登录</a>
                            ][
                            <a href="./register.html" id="reg">免费注册</a>
                            ]
                        </li>
                        <li>
                            <a href="#">MY有货</a>
                        </li>
                        <li>
                            <span class="iconfont icon-dingdan"></span>
                            <a href="#">我的订单</a>
                        </li>
                        <li>
                            <span class="iconfont icon-shoucang"></span>
                            <a href="#">我的收藏</a>
                        </li>
                        <li>
                            <span class="iconfont icon-icon-"></span>
                            <a href="#">消息</a>
                        </li>
                        <li>
                            <span class="iconfont icon-kefu"></span>
                            <a href="#">客服服务</a>
                        </li>
                        <li>
                            <span class="iconfont icon-weixin"></span>
                            <a href="#">关注有货</a>
                        </li>
                        <li>
                            <span class="iconfont icon-shouji"></span>
                            <a href="#">手机版</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="head-wrap">
            <div class="login-center">
                <div class="login">

                </div>
                <div class="head-right">
                    <form action="./goodsList.html" method="GET" id="search-from" class="clear">
                        <input type="text" class="search-box" name="key">
                        <button></button>
                    </form>
                    <div class="go-cart">
                        <span class="iconfont icon-tianchongxing-"></span>
                    </div>
                </div>

            </div>
        </div>

        <div class="nav-wrap">
            <div class="nav-content">
                <ul class="nav">
                    <li><a href="#">新品到着</a></li>
                    <li><a href="#">品牌一览</a></li>
                    <li><a href="#">服饰</a></li>
                    <li><a href="#">鞋履</a></li>
                    <li><a href="#">包装</a></li>
                    <li><a href="#">配色·其他</a></li>
                    <li><a href="#">SALE</a></li>
                    <li><a href="#">证照/协议</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div id="yoho-banner">
        <div class="banner-content">
            <div class="banner-box">
                <ul>
                    <li><a href="./goodsDetails.html"><img src="../img/lunbo1.jpg" alt=""></a></li>
                    <li><a href="./goodsDetails.html"><img src="../img/lunbo2.jpg" alt=""></a></li>
                    <li><a href="./goodsDetails.html"><img src="../img/lunbo3.jpg" alt=""></a></li>
                    <li><a href="./goodsDetails.html"><img src="../img/lunbo4.jpg" alt=""></a></li>
                    <li><a href="./goodsDetails.html"><img src="../img/lunbo5.jpg" alt=""></a></li>
                </ul>
                <div class="ban-nav">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div class="ban-left">
                    <span class="iconfont icon-37zuo"></span>
                </div>
                <div class="ban-right">
                    <span class="iconfont icon-you"></span>
                </div>
            </div>
        </div>

    </div>

    <div class="content-wrap">

        <div class="moods">

            <div class="moods-head">
                <h1 class="moods-title">人气单品</h1>
            </div>

            <div class="moods-content">
                <ul>
                    <li>
                        <a href="#">
                            <img src="../img/moods2.jpg" alt="">
                        </a>
                    </li>
                    <li class="li0">
                        <a href="#">
                            <img src="../img/moods1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods5.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods8.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods11.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods10.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../img/moods6.jpg" alt="">
                        </a>
                    </li>
                    <li class="li0">
                        <a href="#">
                            <img src="../img/moods12.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="brand">

            <div class="brand-header">
                <h1 class="brand-title">潮流品牌</h1>
            </div>

            <div class="brand-head">
                <ul>
                    <li><img src="../img/lunbo_1.jpg" alt=""></li>
                    <li><img src="../img/lunbo_2.jpg" alt=""></li>
                    <li><img src="../img/lunbo_3.jpg" alt=""></li>
                </ul>
                <ul>
                    <li><img src="../img/lunbo_4.jpg" alt=""></li>
                    <li><img src="../img/lunbo_5.jpg" alt=""></li>
                    <li><img src="../img/lunbo_6.jpg" alt=""></li>
                </ul>
                <ul>
                    <li><img src="../img/lunbo_1.jpg" alt=""></li>
                    <li><img src="../img/lunbo_2.jpg" alt=""></li>
                    <li><img src="../img/lunbo_3.jpg" alt=""></li>
                </ul>
            </div>

            <div class="brand-content">
                <ul>
                    <li><a href=""><img src="../img/logo_1.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_2.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_3.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_4.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_5.jpg" alt=""></a></li>
                    <li class="li1">
                        <a href="">
                            <span></span>
                            <span></span>
                        </a>
                    </li>
                    <li><a href=""><img src="../img/logo_6.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_7.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_8.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_9.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_10.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_11.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_12.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_13.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_14.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_15.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/logo_16.jpg" alt=""></a></li>
                    <li class="li2"><a href="">MORE></a></li>
                </ul>
            </div>


        </div>

        <div class="tops">
            <div class="tops-head">
                <h1 class="tops-title">潮流下装</h1>
                <a href="#">MORE</a>
            </div>
            <div class="tops-top">
                <div class="tops-nav">
                    <div class="tops-key">
                        <a href="" class="key1">
                            <img src="../img/brand1.jpg" alt="">
                        </a>
                        <a href="" class="key2">
                            <img src="../img/brand2.jpg" alt="">
                        </a>
                    </div>
                    <div class="tops-category  clear">
                        <a href="#">休闲裤</a>
                        <a href="#">牛仔裤</a>
                        <a href="#">运动裤</a>
                        <a href="#">工装裤</a>
                        <a href="#">束口裤</a>
                        <a href="#">短裤</a>
                        <a href="#">Lee</a>
                        <a href="#">鬼洗</a>
                        <a href="#">Dickies</a>
                        <a href="#">DUSTY</a>
                        <a href="#">Levi’s</a>
                        <a href="#">THETHING</a>
                    </div>
                </div>
                <div class="tops-brands">
                    <ul>
                        <li><a href="#"><img src="../img/brand3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../img/brand4.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="tops-types">
                    <ul>
                        <li><a href=""><img src="../img/brand5.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand6.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand7.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand8.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand9.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand10.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>

            <div class="tops-bottom">
                <ul>
                    <li><a href=""><img src="../img/kuzi1.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi2.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi3.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi4.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi5.jpg" alt=""></a></li>

                </ul>
            </div>

        </div>

        <div class="tops">
            <div class="tops-head">
                <h1 class="tops-title">潮流上装</h1>
                <a href="#">MORE</a>
            </div>
            <div class="tops-top">
                <div class="tops-nav">
                    <div class="tops-key">
                        <a href="" class="key1">
                            <img src="../img/brand1.jpg" alt="">
                        </a>
                        <a href="" class="key2">
                            <img src="../img/brand2.jpg" alt="">
                        </a>
                    </div>
                    <div class="tops-category  clear">
                        <a href="#">休闲裤</a>
                        <a href="#">牛仔裤</a>
                        <a href="#">运动裤</a>
                        <a href="#">工装裤</a>
                        <a href="#">束口裤</a>
                        <a href="#">短裤</a>
                        <a href="#">Lee</a>
                        <a href="#">鬼洗</a>
                        <a href="#">Dickies</a>
                        <a href="#">DUSTY</a>
                        <a href="#">Levi’s</a>
                        <a href="#">THETHING</a>
                    </div>
                </div>
                <div class="tops-brands">
                    <ul>
                        <li><a href="#"><img src="../img/brand3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../img/brand4.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="tops-types">
                    <ul>
                        <li><a href=""><img src="../img/brand5.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand6.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand7.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand8.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand9.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand10.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>

            <div class="tops-bottom">
                <ul>
                    <li><a href=""><img src="../img/kuzi1.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi2.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi3.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi4.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi5.jpg" alt=""></a></li>

                </ul>
            </div>

        </div>

        <div class="tops">
            <div class="tops-head">
                <h1 class="tops-title">潮流上装</h1>
                <a href="#">MORE</a>
            </div>
            <div class="tops-top">
                <div class="tops-nav">
                    <div class="tops-key">
                        <a href="" class="key1">
                            <img src="../img/brand1.jpg" alt="">
                        </a>
                        <a href="" class="key2">
                            <img src="../img/brand2.jpg" alt="">
                        </a>
                    </div>
                    <div class="tops-category  clear">
                        <a href="#">休闲裤</a>
                        <a href="#">牛仔裤</a>
                        <a href="#">运动裤</a>
                        <a href="#">工装裤</a>
                        <a href="#">束口裤</a>
                        <a href="#">短裤</a>
                        <a href="#">Lee</a>
                        <a href="#">鬼洗</a>
                        <a href="#">Dickies</a>
                        <a href="#">DUSTY</a>
                        <a href="#">Levi’s</a>
                        <a href="#">THETHING</a>
                    </div>
                </div>
                <div class="tops-brands">
                    <ul>
                        <li><a href="#"><img src="../img/brand3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../img/brand4.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="tops-types">
                    <ul>
                        <li><a href=""><img src="../img/brand5.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand6.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand7.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand8.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand9.jpg" alt=""></a></li>
                        <li><a href=""><img src="../img/brand10.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>

            <div class="tops-bottom">
                <ul>
                    <li><a href=""><img src="../img/kuzi1.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi2.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi3.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi4.jpg" alt=""></a></li>
                    <li><a href=""><img src="../img/kuzi5.jpg" alt=""></a></li>

                </ul>
            </div>

        </div>
    </div>

    <div class="yoho-footer">
        <div class="promise">
            <ul>
                <li>
                    <span class="iconfont icon-iconzhengpin"></span>
                    <span class=" red">100%</span>
                    <span class="rgbf">品牌正品</span>
                </li>
                <li>
                    <span class="icon-qitianwuliyoutuihuan iconfont"></span>
                    <span class=" red">7天</span>
                    <span class="rgbf">无理由退换货</span>
                </li>
                <li>
                    <span class="icon-liaotian iconfont"></span>
                    <a href="#">
                        <span class="red">便捷</span>
                        <span class="rgbf">在线客服</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-help">
            <ul>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>
                <li>
                    <p><span>新手专区</span></p>
                    <P><a href="#">注册登录</a></P>
                    <P><a href="#">购物结算</a></P>
                    <P><a href="#">下单支付</a></P>
                    <P><a href="#">收货评价</a></P>
                </li>

            </ul>
        </div>

        <div class="footer-link">
            <div class="link-left">
                <a href="#">
                    <img src="../img/link1.png" alt="">
                </a>
                <a href="#">
                    <img src="../img/link2.png" alt="">
                </a>
                <a href="#">
                    <img src="../img/link3.png" alt="">
                </a>

            </div>
            <p class="links">
                <a href="#" rel="nofollow">返回首页</a>
                <span>|</span>
                <a href="#" rel="nofollow">YOHO!BUY 有货</a>
                <span>|</span>
                <a href="#" rel="nofollow">新力传媒</a>
                <span>|</span>
                <a href="#" rel="nofollow">联系我们</a>
                <span>|</span>
                <a href="#" rel="nofollow">商家入驻</a>
                <span>|</span>
                <a href="#" rel="nofollow">隐私条款</a>
                <span>|</span>
                <a href="#" rel="nofollow">友情链接</a>
                <span>|</span>
                <a href="#">潮流品牌大全</a>
                <span>|</span>
                <a href="#">潮流品类大全</a>
                <span>|</span>
                <a href="#">潮流产品大全</a>
                <span>|</span>
                <a href="#">潮流资讯</a>
                <span>|</span>
                <a href="#">穿衣搭配(男生版)</a>
                <span>|</span>
                <a href="#">穿衣搭配(女生版)</a>
                <span>|</span>
                <a href="#">潮流人气</a>
                <span>|</span>
                <a href="#">潮流潮品</a>
                <span>|</span>
                <a href="#">潮流视频</a>
                <span>|</span>
                <a href="#">苏公网安备 32010502010132号</a>
                <span>|</span>
                <a target="_blank" href="#">出版物经营许可证</a>
                <span>|</span>
                <a target=" _blank" href="#">苏B2-20120395</a>
                <span>|</span>
                <a target=" _blank" href="#">食品经营许可证</a>
            </p>

            <p class="copyright">
                CopyRight © 2007-2021 南京新与力文化传播有限公司
                <a class="rbg6" href="#">苏ICP备09011225号</a>
                NewPower Co. 版权所有 江苏省南京市建邺区嘉陵江东街18号南京国家广告产业园5栋17，18楼 025-87781000
            </p>
        </div>
        <div class="link-section">
            <p>友情链接：</p>
            <div class="listWrap">
                <ul>
                    <li><a href="#">有货</a></li>
                    <li><a href="#">时尚品牌网</a></li>
                    <li><a href="#">服装品牌</a></li>
                    <li><a href="#">拍婚纱照</a></li>
                    <li><a href="#">搜好货网</a></li>
                    <li><a href="#">手表知识</a></li>
                    <li><a href="#">丽人时尚网</a></li>
                    <li><a href="#">公司评价</a></li>
                    <li><a href="#">商品百科</a></li>
                    <li><a href="#">微信公众号制作</a></li>
                    <li><a href="#">TOM网</a></li>
                    <li><a href="#">免费试用</a></li>
                    <li><a href="#">女装批发拿货</a></li>
                    <li><a href="#">佐卡伊</a></li>
                    <li><a href="#">时尚女人网</a></li>
                    <li><a href="#">生日礼物</a></li>
                    <li><a href="#">娱乐社区</a></li>
                    <li><a href="#">商务服务网</a></li>
                    <li><a href="#">女装代理</a></li>
                    <li><a href="#">日本代购</a></li>
                    <li><a href="#">海淘网官网</a></li>
                    <li><a href="#">海淘攻略</a></li>
                    <li><a href="#">海淘资讯</a></li>
                    <li><a href="#">品牌加盟网</a></li>
                    <li><a href="#">北京礼品公司</a></li>
                    <li><a href="#">好花网</a></li>
                    <li><a href="#">服装设计</a></li>
                    <li><a href="#">中国品牌网</a></li>
                    <li><a href="#">品牌加盟项目</a></li>
                    <li><a href="#">鲜花</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="returnTop">
        ↑
    </div>

</body>
<script>
    $(function () {

        var lgc = getCookie("lgc");

        if (lgc) {
            $("#loginBox").html(`${lgc}<button class="quitBtn">退出</button>`).css("color", "red");
        }

        $(".icon-tianchongxing-").css({ cursor: "pointer" }).click(function () {
            location.href = "./cart.html";
        })

        $(".quitBtn").click(function () {
            quit();
        })

        function quit() {
            setCookie("lgc", "", -1);
            location.reload();
        }

        var index = 0;
        var itemr = null;
        //二级导航
        $(".yoho-tool-list li a").hover(function () {
            $(this).text($(this).attr("data-cn"));

        }, function () {
            $(this).text($(this).attr("data-en"));
        });

        //划过切换
        $(".ban-nav div").eq(0).css({ opacity: 1 });
        $(".ban-nav div").mouseenter(function () {
            $(this).css({ opacity: 1 }).siblings().css({ opacity: .3 });
            index = $(this).index();
            $(".banner-box ul li").eq(index).css({ opacity: 1 }).siblings().css({ opacity: 0 });

            setTimeout(function () {
                $(".banner-box ul li").eq(index).css("z-index", 1)
                $(".banner-box ul li").eq(index).siblings().css("z-index", 0);
            }, 1000)
        });

        //自动轮播调用
        lunbo();

        //划入停止划出开始
        $(".banner-box").hover(function () {
            clearInterval(itemr);
        }, function () {
            lunbo();
        });

        //点击左右按钮切换
        $(".ban-left").click(function () {
            index--;
            switchover();
        });

        $(".ban-right").click(function () {
            index++;
            switchover();
        })

        //自动轮播
        function lunbo() {
            itemr = setInterval(function () {
                index++;
                switchover();
            }, 4000);
        }

        //淡入淡出功能实现
        function switchover() {
            if (index >= $(".ban-nav div").length) {
                index = 0;
            }
            if (index < 0) {
                index = $(".ban-nav div").length - 1;
            }
            $(".ban-nav div").eq(index).css({ opacity: 1 }).siblings().css({ opacity: .3 });
            $(".banner-box ul li").eq(index).css({ opacity: 1 }).siblings().css({ opacity: 0 });
            setTimeout(function () {
                $(".banner-box ul li").eq(index).css("z-index", 1)
                $(".banner-box ul li").eq(index).siblings().css("z-index", 0);
            }, 1000);
        }

        //轮播图2
        var i = 0;
        var scrollWidth = $(".brand-head ul").innerWidth();
        var timer1 = setInterval(function () {
            i++;
            if (i > $(".brand-head ul").length - 1) {
                i = 0;
                $(".brand-head").css({ left: 0 });
                i++;
            }
            $(".brand-head").animate({ left: -scrollWidth * i })
        }, 3000);

        //轮播图3
        var j = 0
        var liHeight = $(".listWrap ul li").innerHeight();
        var timer2 = setInterval(function () {
            j++;
            if (j > 2) {
                j = 0;
            }
            $(".listWrap ul").animate({ top: -liHeight * j })
        }, 3000);


        $(window).scroll(function () {

            $(".returnTop").css("display", "block").click(function () {
                window.scrollTo({
                    top: 0,
                    behavior: "smooth"
                })
            })
            if (window.scrollY <= 0) {
                $(".returnTop").css("display", "none")
            }
        })




        //1111
        //2222

    })



</script>

</html>